<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/*1.抓住图片元素*/
			img{
				transition: 5s;
			}
			/*2.在图片上进行旋转*/
			img:hover{
				transform: rotate(1800deg);
			}
		</style>
	</head>
	<body>
		<!-- 音视频元素---参考图片元素写法 video
		 html5针对属性和属性值一致情况：省去属性值
		 autoplay属性 自动播放一次
		 controls属性 播放条
		 loop属性 无限次播放
		 -->
		<video src="img/oceans-clip.mp4"autoplay controls> </video>
		<audio src="img/dafengche.mp3"autoplay controls></audio>
		<!-- 1.大风车图片引入 -->
		<img src="img/dfc.jpg" alt="大风车">
	</body>
</html>